<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>info</title>
</head>

<body>
    <table border="1">
        <thead>
            <tr>
                <td>username</td>
                <td>age</td>
                <td>heigth</td>
                <td>email</td>
            </tr>
        </thead>
        <tbody>
            
        </tbody>
    </table>
    <h1>12345</h1>
    <script src="./js/jquery.min.js"></script>
    <script>
        $.get('/user3', function (res) {
            console.log($(res).find('user'));
            var users=$(res).find('user');
            users.map(function(){
                console.log($(this).find('username').html());
                var username=$(this).find('username').html();
                var age=$(this).find('age').html();
                var heigth=$(this).find('heigth').html();
                var email=$(this).find('email').html();
                var trHtml='<tr><td>'+username+'</td><td>'+age+'</td><td>'+heigth+'</td><td>'+email+'</td></tr>'
                $('table tbody').append(trHtml)
            })
        },'xml')
    </script>
</body>

</html>